<template>
	<div class="index">
		<comHeader></comHeader>
		<div class="container">
			<isfilm v-bind:filmdata="filmdata"></isfilm>
			<top250></top250>
			<Northamerica></Northamerica>
		</div>
		<!-- <keep-alive>
	      <router-view/>
	    </keep-alive> -->
	</div>
</template>
<script>
	import isfilm from './isfilm'
	import top250 from './top250'
	import Northamerica from './Northamerica'
	import qs from 'qs'
	import comHeader from './comHeader'
// ,{
				
//     			params: {
// 			    	"start": 0,
//     				"count": 10
// 			    }
// 			}
	export default {
		name: "product",
		data(){
			return{
				filmdata:[]
			}
		},
		components: {
		    "isfilm": isfilm,
		    "top250": top250,
		    "Northamerica": Northamerica,
		    "comHeader": comHeader
		},
		created(){
	      this.$http.get("/api/movie/coming_soon")
	      .then(res => {
	        
	        this.filmdata = res.data.subjects;
	        console.log(this.filmdata)
	      })
	      .catch(error => {
	        console.log(error)
	      });
	      //重新计算slides个数
	    }
	}
</script>
<style scoped>
	
</style>